jclass = {
	initPage() {
		this.data = {
			info: '',
			infoData: {
				id: window.JuserInfo.id || '',
				userName:'',
				realName:'',
				email:'',
				mobile:'',
				unit:'',
				dept:'',
				position:''
			},
			updataPassword: {
				id: window.JuserInfo.id || '',
				oldPassword: '',
				newPassword: ''
			}
		}
		this.init();
		this.bindevent();
	},
	init() {
		this.getUserInfo()
	},
	bindevent() {
		let that = this
		$("#tab_ul li").click(function() {
			$(this).addClass("active").siblings("li").removeClass("active");
			if($(this).data("types") == '1') {
				$("#info_div").show()
				$("#info_bj_div").hide()
				$("#update_password_div").hide()
				$("#update_diyinfo_div").hide()
				$("#title_text").text("基本信息")
			} else if($(this).data("types") == '2') {
				$("#info_div").hide()
				$("#info_bj_div").hide()
				$("#update_password_div").show()
				$("#update_diyinfo_div").hide()
				$("#title_text").text("修改密码")
			} else if($(this).data("types") == '3') {
				$("#info_div").hide()
				$("#info_bj_div").hide()
				$("#update_password_div").hide()
				$("#update_diyinfo_div").show()
				$("#title_text").text("自定义信息")
				$("#input_diyinfo").val(that.data.info.customInfo)
			}
		})

		$("#btn_bj").click(() => {
			$("#info_div").hide()
			$("#info_bj_div").show()

			$("#input_username").val(this.data.info.userName)
			$("#input_realname").val(this.data.info.realName)
			$("#input_email").val(this.data.info.email)
			$("#input_mobile").val(this.data.info.mobile)
			$("#input_unit").val(this.data.info.unit)
			$("#input_dept").val(this.data.info.dept)
			$("#input_position").val(this.data.info.position)
		})

		$("#bj_btn_submit").click(() => {
			let inputarr = $("#info_bj_div").find("input")
            let that = this
            let ok = true
            inputarr.each(function(index,ele) {
                if ($(ele).css("background").indexOf("per_input_error_bg") !== -1) {
                    $(this).attr("placeholder","不能是空!")
                    ok = false
                }
            })
            if(ok) {
				this.data.infoData.userName = $("#input_username").val()
				this.data.infoData.realName = $("#input_realname").val()
				this.data.infoData.email = $("#input_email").val()
				this.data.infoData.mobile = $("#input_mobile").val()
				this.data.infoData.unit = $("#input_unit").val()
				this.data.infoData.dept = $("#input_dept").val()
				this.data.infoData.position = $("#input_position").val()

				jrequest.put(`/api/sysUser`,this.data.infoData).then(res => {
					if(res.data.code === 0) {
						$("#info_div").show()
						$("#info_bj_div").hide()
						this.getUserInfo()
					}
				})
            }
			
		})

		$("#bj_btn_cancel").click(() => {
			$("#info_div").show()
			$("#info_bj_div").hide()
			this.getUserInfo()
		})

		// 修改密码
		$("#psw_btn_submit").click(() => {
			if ($("#input_newpsd").val() !== $("#input_newpsd2").val()) {
				Jdialog.alert("两次密码不一致，请重新输入。")
				return 
			}
			this.data.updataPassword.oldPassword = $("#input_oldpsd").val()
			this.data.updataPassword.newPassword = $("#input_newpsd").val()
			jrequest.post("/api/sysUser/password",this.data.updataPassword).then(res => {
				if (res.data.code === 0) {
					$("#update_password_div input").val("")
				}
				Jdialog.alert(res.data.msg)
				
			})
		})

		$("#update_password_div input").on("focus",function() {
			$(this).attr("type","password")
		})

		// 自定义信息
		$("#diyinfo_btn_submit").click(() => {
			let customInfo = $("#input_diyinfo").val()
			jrequest.put("/api/sysUser",{id: window.JuserInfo.id,customInfo:customInfo}).then(res => {
				Jdialog.alert(res.data.msg)
			})
		})

	},
	getUserInfo() {
		jrequest.get(`/api/sysUserInfo`,{}).then(res => {
			// console.log(res)
			window.JuserInfo = res.data || {}
			res = res.data
			// console.log(res)
			this.data.info = res
			let keyarr = Object.keys(res)
			let obj = {}
			keyarr.forEach(item => {
				if(res[item]) {
					obj[item] = res[item]
				} else {
					obj[item] = '-'
				}
			})
			// console.log(obj)
			$("#div_username").text(obj.userName)
			$("#div_realname").text(obj.realName)
			$("#div_email").text(obj.email)
			$("#div_mobile").text(obj.mobile)
			$("#div_unit").text(obj.unit)
			$("#div_dept").text(obj.dept)
			$("#div_position").text(obj.position)
		})
	}
}
$(function() {
	jclass.initPage()
})